<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html" 
      xmlns:p="http://primefaces.org/ui" 
      xmlns:f="http://java.sun.com/jsf/core">
    
    <h:head>
        <title>Buscar_cliente</title>
    </h:head>
    
    <h:body>
       <h:form id="form"> 
           
            <center><h1><h:outputLabel value="BUSCAR CLIENTE" style="font-weight: bold"/>
                        </h1></center>
           
            <p:panelGrid columns="3">
                        <h:outputText value="Ingrese datos del cliente: "/>
                        <h:inputText />
                        <p:commandButton value="Buscar"/>

            </p:panelGrid>
        
           
            <p:dataTable id="id_clientes" var="car" value="#{clienteBean.list}" selectionMode="single"
                                         
                                         selection="#{clienteBean.cli}" rowKey="#{car}">  

                                

                                <p:column headerText="ID" style="width:24%">  
                                    <h:outputText value="#{car.id}" />  
                                </p:column>  

                                <p:column headerText="NOMBRES" style="width:24%">  
                                    <h:outputText value="#{car.nombres}" />  
                                </p:column>  

                                <p:column headerText="APELLIDOS" style="width:24%">  
                                    <h:outputText value="#{car.apellidos}" />  
                                </p:column>  

                                <p:column headerText="CARGO" style="width:24%">  
                                    <h:outputText value="#{car.cargo}" />  
                                </p:column>  

                                <p:column headerText="EMAIL" style="width:24%">  
                                    <h:outputText value="#{car.email}" />  
                                </p:column>  

                                <p:column headerText="TELEFONO" style="width:24%">  
                                    <h:outputText value="#{car.telefono}" />  
                                </p:column>  

                               

                                <p:column style="width:4%">  
                                    <p:commandButton id="selectButton" icon="ui-icon-search" onclick="detalleswidget.show();">  
                                    </p:commandButton>  
                                </p:column>  

                            </p:dataTable> 
                               
                
        
       </h:form> 
    </h:body>
</html>
